<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="6">
                <el-card shadow="hover">
                    <LocalData></LocalData>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card shadow="hover">
                    <OrderData></OrderData>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card shadow="hover">
                    <SeleData></SeleData>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card shadow="hover" style="height:190px;">
                    <UserData></UserData>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import LocalData from '@/components/topView/LocalData.vue'
import OrderData from '@/components/topView/OrderData.vue'
import SeleData from '@/components/topView/SeleData.vue'
import UserData from '@/components/topView/UserData.vue'
export default {
    components: { LocalData, OrderData, SeleData, UserData },
    data() {
        return {

        }
    }
}
</script>

<style lang="scss" scoped>

</style>